
<template>
  <view class="content">
    <view class="l-title"> 付租方式 </view>
    <van-radio-group v-model="radio">
      <view class="flex">
        <van-radio name="0">月付</van-radio>
        <van-radio name="1">季付</van-radio>
        <van-radio name="2">日付</van-radio>
      </view>
      <view class="flex">
        <van-radio name="3">半年付</van-radio>
        <van-radio name="4">整年付</van-radio>
      </view>
    </van-radio-group>

    <view class="l-title"> 出租租金 </view> <InputArea placeholder="请输入出租金额" tail="元" :val="ztPrice.rent"  target="ztPrice" wename="rent"/>
    <view class="l-title"> 付租押金 </view> <InputArea placeholder="请输入押金金额" tail="元"  :val="ztPrice.deposit" target="ztPrice"   wename="deposit"/>
    <view class="l-title"> 物管费   </view> <InputArea placeholder="请输入物管费金额" tail="元-m-月"  :val="ztPrice.managementFee" target="ztPrice"   wename="managementFee"/>
    <view class="l-title"> 入住时间 </view>  <!-- settledTime -->

     

 

 <picker mode="date" value="{{date}}" start="2015-09-01" end="2017-09-01" @change="bindDateChange">
    <view class="picker">
       {{date}}
    </view>
    <view class="picker">
        随时入住
       </view>
  </picker>

    <van-popup v-model="show" round position="bottom" :style="{ height: '30%' }" >
<van-datetime-picker
  v-model="currentDate"
  type="date"
  title="选择年月日"
  :min-date="minDate"
  :max-date="maxDate"
/>
      </van-popup>  
  </view>
</template>
<script>
import InputArea from  '@/commpent/InputArea.vue'
export default {
  components:{InputArea},  
  data() {
    return {
      title: "Hello",
      ztPrice:{},
      show:true,
      date:'',
       minDate: new Date(2020, 0, 1),
      maxDate: new Date(2025, 10, 1),
      currentDate: new Date(),
    };
  },
  onLoad() {},
  methods: {
      bindDateChange(e){
     console.log(e);
      this.date = e.detail.value
      },
    afterRead(e) {
      console.log(e);
    },
  },
};
</script>


<style   scoped> 
.l-title {
  font-size: 16px;
  font-weight: 600;
  background: #fff;
  margin: 10px 0;
}
.flex van-radio {
  margin: 5px 0;
  width: 100PX;
}
.picker{
  border-radius: 4px;
  border: 1px solid #ccc;
  display: inline-flex;
  padding: 0 10px;
  color: #ccc;
  font-size: 12px;
  margin-right: 10px;
}
</style>